<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Profesor</title>
</h:head>
<h:body>
	<p:toolbar>
		<p:toolbarGroup align="right">
			<p:commandButton value="salir" actionListener="#{operaciones.salir}"
				icon="ui-icon-close" />
		</p:toolbarGroup>
	</p:toolbar>
	<div align="center">
		<h:panelGrid columns="2" styleClass="fondo" style="text-align:center;">
			<h:panelGroup style="display:block; text-align:left">
				<p:graphicImage value="/img/ui/images.jpg"
					style="height: 100px; width: 210px" />
			</h:panelGroup>

			<h:panelGroup style="display:block; text-align:right">
				<p:graphicImage value="/img/ui/izq.png"
					style="height: 100px; width: 608px" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<h:form id="form">
		<p:panel style="width:100%;">
			<h:panelGrid columns="1" cellpadding="2" cellspacing="15"
				style="width:100%;">
				<p:outputLabel value="Profesor :  " />
				<p:outputLabel value="#{tableBean.prof.persona.nombres}" />
				<p:outputLabel value="Cursos :  " />
			</h:panelGrid>
			<p:selectOneMenu id="curso" value="#{tableBean.cursoId}">
				<f:selectItem itemLabel="Seleccione Curso" itemValue="" />
				<f:selectItems value="#{tableBean.cursosPeriodo}" var="c"
					itemLabel="#{c.curso.nombre}" itemValue="#{c.curso.cursoId}" />
				<p:ajax update="datatable2"
					listener="#{tableBean.handleCursoChange}" />
			</p:selectOneMenu>

			<br></br>
			<br></br>
			<p:growl id="growl" showDetail="true" />
			<p:dataTable id="datatable2" var="preg"
				value="#{tableBean.preguntas}" widgetVar="tablapreg"
				filteredValue="#{tableBean.preguntasFiltro}" paginator="true"
				rows="10" selection="#{tableBean.preguntaSelec}"
				selectionMode="single" rowKey="#{preg.preguntaId}">

				<p:ajax event="rowSelect" listener="#{tableBean.onRowSelect}"
					update=":form:display" oncomplete="pregDialog.show()" />

				<p:ajax event="rowUnselect" listener="#{tableBean.onRowUnselect}" />

				<f:facet name="header">
					<p:outputPanel>
						<h:outputText value="Pregunta: " />
						<p:inputText id="globalFilter" onkeyup="tablapreg.filter()"
							style="width:150px" />
					</p:outputPanel>
				</f:facet>
				<p:column id="pcodigo" headerText="Codigo"
					filterBy="#{preg.preguntaId}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{preg.preguntaId}" />
				</p:column>
				<p:column id="penunciado" headerText="Enunciado"
					filterBy="#{preg.enunciadoTexto}" filterMatchMode="contains"
					filterStyle="display:none">
					<h:outputText value="#{preg.enunciadoTexto}" />
				</p:column>
				<p:column id="ptematica" headerText="Tematica"
					filterBy="#{preg.tematica.tematicaNombre}"
					filterStyle="display:none" filterMatchMode="contains">
					<h:outputText value="#{preg.tematica.tematicaNombre}" />
				</p:column>
				<p:column id="ppropuesto" headerText="Propuesto por"
					filterBy="#{preg.profesorByPropusoDocenteId.docenteId}"
					filterStyle="display:none" filterMatchMode="contains">
					<h:outputText value="#{preg.profesorByPropusoDocenteId.docenteId}" />
				</p:column>
				<p:column id="paprobado" headerText="Aprobado por"
					filterBy="#{preg.profesorByCoordinadorDocenteId.docenteId}"
					filterStyle="display:none" filterMatchMode="contains">
					<h:outputText
						value="#{preg.profesorByCoordinadorDocenteId.docenteId}" />
				</p:column>
			</p:dataTable>
		</p:panel>
		<p:dialog id="dialog" header="Detalle Pregunta" widgetVar="pregDialog"
			resizable="false" showEffect="fade" hideEffect="explode">
			<h:panelGrid id="display" columns="2" cellpadding="4">
				<h:outputText value="Pregunta:" />
				<h:outputText value="#{tableBean.preguntaSelec.preguntaId}" />
				<h:outputText value="Curso:" />
				<h:outputText value="#{tableBean.preguntaSelec.curso.nombre}" />
				<h:outputText value="Tematica:" />
				<h:outputText
					value="#{tableBean.preguntaSelec.tematica.tematicaNombre}" />
				<h:outputText value="Enunciado:" />
				<h:outputText value="#{tableBean.preguntaSelec.enunciadoTexto}" />
				<h:outputText value="Respuesta:" />
				<h:outputText
					value="#{tableBean.preguntaSelec.respuesta.respuestaTexto}" />
				<h:outputText value="Alternativas:" />
				<p:dataList value="#{tableBean.respuestas}" var="alt" type="ordered"
					itemType="A">
							#{alt.respuestaTexto}
							</p:dataList>
				<h:outputText value="Fecha Propuesta:" />
				<h:outputText value="#{tableBean.preguntaSelec.fechaPropuesta}" />
				<h:outputText value="Fecha Aceptada:" />
				<h:outputText value="#{tableBean.preguntaSelec.fechaAceptacion}" />
				<h:outputText value="Propuesto por:" />
				<h:outputText
					value="#{tableBean.preguntaSelec.profesorByPropusoDocenteId.persona.nombres}" />
				<h:outputText value="Aprobado por:" />
				<h:outputText
					value="#{tableBean.preguntaSelec.profesorByCoordinadorDocenteId.persona.nombres}" />
			</h:panelGrid>
		</p:dialog>
	</h:form>
</h:body>
</html>